<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>OfficeUrl</title>
<script type="text/javascript" src="/javascript/js/jquery-1.10.2.js"></script>
<script type="text/javascript" src="/javascript/js/jquery-ui-1.10.4.js"></script>
<script type="text/javascript" src="/javascript/script_utils.js"></script>
<script type="text/javascript" src="/javascript/interval.js"></script>
<script type="text/javascript"> 
$(function() {
	console.log("JQUERY READY ready!");
 	 hash = $(location).attr('hash');
 	 if (hash){
 		 console.log(hash);
 	 }
});

$( document ).ready(function() {
	$( "#officeform" ).on( "submit", function( event ) {
		  event.preventDefault();
		  var str = $( "form" ).serialize();
		  console.log( $( this ).serializeArray() );
		  $( "#showvalues" ).text("Serialized form " +str);
		});
});



//$( document ).ready(function() {

</script>
</head>
<body>
<table width="1200" border=1>
<tr>
<td>
	<iframe name="targetLink" src="" width="800" height="400">
	</iframe>
</td>
<td>
	<form id="officeform">
		<input type="radio" name="radio" value="radio1" checked="checked" id="r1">
  		<label for="r1">radio1</label>
		<input type="text" name="officeid" id="officeid" class="officeid" size="10" />	
		<input type="text" name="officename" id="officename" size="60"/>	
		<input type="text" name="officeurl" id="officeurl" size="60"/>	
		<textarea rows="10" cols="80" name="officeContactInfo" id="officeContactInfo" title="Contact Info"></textarea>
		<input type=submit name=btnsave value="save" />
	</form>
</td>
</tr>
<tr>
<td>
</td>
<td>
	<div id="showvalues"></div>
</td>
</tr>
</table>
<br/>
<br/>
</body>
</html>